<template>
    <div class="order-report-ktv-manage">
        <k-t-v-mange-main
            v-if="nowPage === 0"
            :managementType="4"
        ></k-t-v-mange-main>
        <k-t-v-mange-history
            v-if="nowPage === 1"
            :managementType="4"
        ></k-t-v-mange-history>
        <k-t-v-mange-update-history
            v-if="nowPage === 2"
            :managementType="4"
        ></k-t-v-mange-update-history>
        <k-t-v-mange-modify
            v-if="nowPage === 3"
            :managementType="4"
        ></k-t-v-mange-modify>
        <k-t-v-mange-service
            v-if="nowPage === 4"
            :managementType="4"
        ></k-t-v-mange-service>
        <k-t-v-mange-net-pay
            v-if="nowPage === 5"
            :managementType="4"
        ></k-t-v-mange-net-pay>
        <ware-input-review
            v-if="nowPage === 7"
            page="KTVysManage"
        ></ware-input-review>
        <ware-input-table
            v-if="nowPage === 6"
            page="KTVysManage"
        ></ware-input-table>
        <k-t-v-manage-edition
            v-if="nowPage === 8"
            :managementType="4"
        ></k-t-v-manage-edition>
        <div class="page-padding"></div>
    </div>
</template>

<script type="text/ecmascript-6">
import KTVMangeMain from './page_1_KTV_manage/page_1_KTV_manage_main.vue'
import KTVMangeHistory from './page_1_KTV_manage/page_1_KTV_manage_history.vue'
import KTVMangeUpdateHistory from './page_1_KTV_manage/page_1_KTV_manage_update_history'
import KTVMangeModify from './page_1_KTV_manage/page_1_KTV_manage_modify'
import KTVMangeService from './page_1_KTV_manage/page_1_KTV_manage_Service.vue'
import KTVMangeNetPay from './page_1_KTV_manage/page_1_KTV_manage_net_pay'
import wareInputReview from './page_18_ware_input/page_18_ware_input_review.vue'
import wareInputTable from './page_18_ware_input/page_18_ware_input_table.vue'
import KTVManageEdition from './page_1_KTV_manage/page_1_KTV_manage_edition.vue'
export default {
    data: function () {
        return {
        }
    },
    mounted () {
    },
    created () {
        this.$store.dispatch('setKM', 0)
    },
    watch: {
    },
    components: {
        KTVMangeMain,
        KTVMangeHistory,
        KTVMangeUpdateHistory,
        KTVMangeModify,
        KTVMangeService,
        KTVMangeNetPay,
        wareInputReview,
        wareInputTable,
        KTVManageEdition
    },
    props: {
    },
    computed: {
        nowPage () {
            return this.$store.state.page1KTVManage
        }
    },
    methods: {
    }
}
</script>

<style lang="stylus" rel="stylesheet/stylus">
.order-report-ktv-manage
    width: 100%
</style>
